<template>
  <div class="head-info">
    <div class="tence"></div>
    <div class="content">
      <h1 style="padding: 10px 0; font-size: 50px">项目外包服务平台</h1>
      <h3 style="padding: 10px 0; font-size: 20px">提供您所想要的项目发布与项目接受</h3>
      <h1 style="padding: 10px 0; font-size: 50px">活动划分项目</h1>
      <h3 style="padding: 10px 0; font-size: 20px">让项目需求更加明确</h3>
    </div>
  </div>
</template>

<script setup></script>

<style scoped>
.head-info {
  position: relative;
  margin: 0 auto;
  height: 480px;
  .tence {
    position: absolute;
    width: 100%;
    height: 100%;
    background: url('@/assets/img/bg2.png') no-repeat;
    background-size: cover;
  }
  .content {
    position: absolute;
    left: 10%;
    top: 112px;
    color: #f0f2f5;
  }

}
</style>
